<#macro content page, action>

<script type="text/javascript">
	function page(n,s){//翻页
		${"$"}("#pageNo").val(n);
		//$("#pageSize").val(s);
		${"$"}("#searchForm").submit();
		return false;
	}
</script>

<form:form id="searchForm" action="${action}" method="get" class="form-inline">
	<input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
</form:form>
    <br/><br/>
    <#assign pageNo=page.pageNo />
    <#assign pageSize=page.pageSize />
    <#assign count=page.count />
    <#assign first=page.first />
    <#assign funcName=page.funcName />
    <#assign funcParam=page.funcParam />
    <#assign prev=page.prev />
    <#assign length=8 />
    <#assign slider=1 />
    <#assign last=page.last />
    <#assign next=page.next />

<#--    <div class="fixed-table-pagination" style="display: block;text-align: center;">-->
<#--        <ul class="pagination pagination-outline" style="display: inline-block;">-->
<#--            <#if pageNo==first>-->
<#--                <li class="paginate_button previous disabled"><a href="javascript:;"><i class="fa fa-angle-double-left"></i></a></li>-->
<#--                <li class="paginate_button previous disabled"><a href="javascript:;"><i class="fa fa-angle-left"></i></a></li>-->
<#--            <#else >-->
<#--                <li class="paginate_button previous"><a href="javascript:onclick=${funcName}(${first},${pageSize},'${funcParam}'${");"}"><i class="fa fa-angle-double-left"></i></a></li>-->
<#--                <li class="paginate_button previous"><a href="javascript:onclick=${funcName}(${prev},${pageSize},'${funcParam}'${");"}"><i class="fa fa-angle-left"></i></a></li>-->
<#--            </#if>-->
<#--            <#assign begin = pageNo - (length / 2) />-->
<#--            <#if begin < first >-->
<#--                <#assign begin=first />-->
<#--            </#if>-->

<#--            <#assign end = (begin + length - 1) />-->
<#--            <#if end gte last>-->
<#--                <#assign end = last />-->
<#--                <#assign begin = (end - length + 1) />-->
<#--                <#if begin lt first>-->
<#--                    <#assign begin = first />-->
<#--                </#if>-->
<#--            </#if>-->

<#--            ${end}-${last}-->

<#--            <#if begin gt first >-->
<#--                <#assign i = first />-->
<#--                <#list i..(first + slider - 1) as j>-->
<#--                    <#if i < begin >-->
<#--                        <li class="paginate_button "><a href="javascript:onclick=${funcName}(${i},${pageSize},'${funcParam}'${");"}">-->
<#--                        ${i + 1 - first} </a></li>-->
<#--                        <#assign i=i+1 />-->
<#--                    </#if>-->
<#--                </#list>-->
<#--                <#if i < begin>-->
<#--                    <li class="paginate_button disabled"><a href="javascript:">...</a></li>-->
<#--                </#if>-->
<#--            </#if>-->

<#--            <#assign i = begin />-->
<#--            <#list i..end as j >-->
<#--                <#if i == pageNo>-->
<#--                    <li class="paginate_button active"><a href="javascript:">${i + 1 - first}</a></li>-->
<#--                <#else >-->
<#--                    <li class="paginate_button"><a href="javascript:onclick=${funcName}(${i},${pageSize},'${funcParam}'${");"}">${i + 1 - first}</a></li>-->
<#--                </#if>-->
<#--                <#assign i=i+1 />-->
<#--            </#list>-->
<#--            <#if (last - end gt slider) >-->
<#--                <li class="paginate_button disabled"><a href="javascript:">...</a></li>-->
<#--                <#assign end = last - slider />-->
<#--            </#if>-->

<#--            <#assign i = end + 1 />-->
<#--            ${end}-${last}-->
<#--            <#list i..last as j >-->
<#--                <li class="paginate_button "><a href="javascript:onclick=${funcName}(${i},${pageSize},'${funcParam}'${");"}">${i + 1 - first}</a></li>-->
<#--            </#list>-->

<#--            <#if pageNo == last>-->
<#--                <li class="paginate_button next disabled"><a href="javascript:"><i class="fa fa-angle-right"></i></a></li>-->
<#--                <li class="paginate_button next disabled"><a href="javascript:"><i class="fa fa-angle-double-right"></i></a></li>-->
<#--            <#else >-->
<#--                <li class="paginate_button next"><a href="javascript:onclick=${funcName}(${next},${pageSize},'${funcParam}'${");"}">-->
<#--                        <i class="fa fa-angle-right"></i></a></li>-->
<#--                <li class="paginate_button next"><a href="javascript:onclick=${funcName}(${last},${pageSize},'${funcParam}'${");"}">-->
<#--                        <i class="fa fa-angle-double-right"></i></a></li>-->
<#--            </#if>-->
<#--        </ul>-->
<#--    </div>-->

<!-- pagination的css样式设定-->
<style>
.fixed-table-pagination div.pagination,
.fixed-table-pagination div.pagination-roll,
.fixed-table-pagination .pagination-detail {
    margin-top: 0px;
    margin-bottom: 10px;
}

.fixed-table-pagination div.pagination-roll .pagination,
.fixed-table-pagination div.pagination .pagination {
    margin: 0;
}

.fixed-table-pagination .pagination a {
    padding: 6px 12px;
    line-height: 1.428571429;
}

.fixed-table-pagination .pagination-info {
    line-height: 34px;
    margin-right: 5px;
}

.fixed-table-pagination .btn-group {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.fixed-table-pagination .dropup .dropdown-menu {
    margin-bottom: 0;
}

.fixed-table-pagination .page-list {
    display: inline-block;
}

</style>
</#macro>
